<template>
  <div class="content">
    <hmNavBar title="系统设置" path="/home/My" rightText="保存"></hmNavBar>
    <myCell title="手机号"></myCell>
    <myCell title="修改密码"></myCell>
    <h4>开启后, 可以让你的好友找到你</h4>

    <van-cell-group class="cell">
      <van-switch-cell
        v-model="checked1"
        size="20px"
        title="允许将我推荐给好友"
        active-color="pink"
      />
    </van-cell-group>
    <h4>开启后, 可以将你推荐给好友</h4>

    <van-cell-group class="cell">
      <van-switch-cell
        v-model="checked2"
        size="20px"
        title="允许推荐可能认识的人"
        active-color="pink"
      />
    </van-cell-group>
    <h4>开启后, 分享到微信QQ等平台的页面会展示你的头像</h4>

    <van-cell-group class="cell">
      <van-switch-cell
        v-model="checked3"
        size="20px"
        title="分享页显示我的头像"
        active-color="pink"
      />
    </van-cell-group>
  </div>
</template>

<script>
import myCell from './myCell.vue'
export default {
  components: {
    myCell
  },
  data () {
    return {
      checked1: true,
      checked2: true,
      checked3: true
    }
  }
}
</script>
<style lang="less" scoped>
.content {
  height: 100%;
  background-color: #f5f7f9;
  h4 {
    height: 40px;
    line-height: 40px;
    font-style: normal;
    color: #c1c2c3;
    font-size: 14px;
    font-weight: 400;
    margin-left: 25px;
  }
  .cell{
      padding-left: 10px;
  }
}
</style>
